<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <title>致设计 敬不凡</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="dist/css/swiper.min.css">
    <link rel="stylesheet" href="css/index.css">
    <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="js/rem.js"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script>
        $(function(){
            $.ajax({
                type:'GET',
                url:'http://huiya.hengdikeji.com/jsssdk/',
                dataType:'JSON',
                success:function(res){
                    wx.config({
                        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                        appId:res.appId, // 必填，公众号的唯一标识

                        timestamp: res.timestamp, // 必填，生成签名的时间戳

                        nonceStr:res.nonceStr, // 必填，生成签名的随机串

                        signature:res.signature,// 必填，签名，见附录1

                        jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2

                    });
                    wx.ready(function () {
                        wx.onMenuShareTimeline({
                            title: '不凡设计，让幸福生活触手可及',
                            desc: '大师设计就在你身边！穿越百年，细数工业设计史上那些经典之作',
                            link: res.url,
                            imgUrl: 'http://huiya.hengdikeji.com/public/deli/fenxian.png',
                            trigger: function (res) {
                            },
                            success: function (res) {
                            },
                            cancel: function (res) {
                            },
                            fail: function (res) {
                                alert(JSON.stringify(res));
                            }
                        });
                        wx.onMenuShareAppMessage({
                            title: '不凡设计，让幸福生活触手可及',
                            desc: '大师设计就在你身边！穿越百年，细数工业设计史上那些经典之作',
                            link: res.url,
                            imgUrl: 'http://huiya.hengdikeji.com/public/deli/fenxian.png',
                            trigger: function (res) {
                            },
                            success: function (res) {
                            },
                            cancel: function (res) {
                            },
                            fail: function (res) {
                                alert(JSON.stringify(res));
                            }
                        });
                    })
                }
            })
        })
    </script>
</head>
<body onload="loaded()">
<div class="delete1"></div>
<!--音频-->
<!--打字-->
<audio id="bg" src="music/bg.mp3" hidden="hidden" preload="auto" loop="loop"></audio>
<audio id="text" src="music/text.mp3" hidden="hidden" preload="auto"></audio>
<audio id="water" src="music/water.mp3" hidden="hidden" preload="auto"></audio>
<audio id="shuihu" src="music/airBlow.mp3" hidden="hidden" preload="auto"></audio>
<audio id="fan01" src="music/fan.mp3" hidden="hidden" preload="auto"></audio>
<audio id="handclap" src="music/handclap.mp3" hidden="hidden" preload="auto"></audio>
<audio id="car1" src="music/car1.mp3" hidden="hidden" preload="auto"></audio>
<audio id="car1_1" src="music/car1_1.mp3" hidden="hidden" preload="auto"></audio>
<audio id="car2" src="music/car2.mp3" hidden="hidden" preload="auto"></audio>
<audio id="en" src="music/en.mp3" hidden="hidden" preload="auto"></audio>
<audio id="music01" src="music/123.mp3" hidden="hidden" preload="auto"></audio>
<audio id="eatApple" src="music/eatApple.mp3" hidden="hidden" preload="auto"></audio>
<audio id="timeRoll01" src="music/timeRoll.mp3" hidden="hidden" preload="auto"></audio>
<audio id="bath" src="music/bath.mp3" hidden="hidden" preload="auto"></audio>
<audio id="chairRoll" src="music/chairRoll.mp3" hidden="hidden" preload="auto"></audio>
<!--预加载-->
<img src="img/load01.png" alt="" style="display: none;">
<img src="img/load02.png" alt="" style="display: none;">
<img src="img/imgInvite.png" alt="" style="display: none;">
<img src="img/bg_01.png" alt="" style="display: none;">
<img src="img/bg_02.png" alt="" style="display: none;">
<img src="img/bg_03.png" alt="" style="display: none;">
<img src="img/bg_04.png" alt="" style="display: none;">
<img src="img/bg_05.png" alt="" style="display: none;">
<img src="img/bg_06.png" alt="" style="display: none;">
<img src="img/bg_07.png" alt="" style="display: none;">
<img src="img/bg_08.png" alt="" style="display: none;">
<img src="img/bg_09.png" alt="" style="display: none;">
<img src="img/bg_10.png" alt="" style="display: none;">
<img src="img/bg_11.png" alt="" style="display: none;">
<img src="img/bg_12.png" alt="" style="display: none;">

<!--加载-->
<div class="load" style="display: block;">
    <img src="img/load02.png" alt="">
    <div class="load-text01">
        <div class="loadBody"></div>
    </div>
    <div class="loadNum originCenter rotate90Deg">1%</div>
</div>
<!--内容-->
<div class="swiper-container container" style="display: none;">
    <div class="swiper-wrapper wrap">
        <div class="swiper-slide p1">
            <img src="img/bg_01.png" alt="">
            <div id="p1Text" class="">
                <img src="img/p1-text01.png" alt="">
            </div>
            <!--<div class="p1-img01 scaleShow">-->
                <!--<img src="img/p1-img01.png" alt="">-->
            <!--</div>-->
            <!--<div class="p1-img02 scaleShow">-->
                <!--<img src="img/p1-img02.png" alt="">-->
            <!--</div>-->
            <div class="p1-img03 scaleShow">
                <img src="img/p1-img03.png" alt="">
            </div>
        </div>
        <div class="swiper-slide p2">
            <img src="img/bg_02.png" alt="">
            <div class="p2-text01">
                <img src="img/p2-text01.png" alt="">
            </div>
            <div class="p2-img01">
                <img src="img/cola.gif" alt="">
            </div>
        </div>
        <div class="swiper-slide p3">
            <img src="img/bg_03.png" alt="">
            <div class="p3-text01">
                <img src="img/p3-text01.png" alt="">
            </div>
            <div class="fan">
                <img class="fan1 rotate01" src="img/fan01.png" alt="">
                <img class="fan2" src="img/fan02.png" alt="">
            </div>
            <div class="shuihu originCenter rotate90Deg">
                <img src="img/shuihu.gif" alt="">
            </div>

        </div>
        <div class="swiper-slide p4">
            <img src="img/bg_04.png" alt="">
            <div class="deng01 Deng">
                <img src="img/p3-deng01.png" alt="">
            </div>
            <div class="p4-text01">
                <img src="img/p4-text01.png" alt="">
            </div>
            <div class="p4-people">
                <img src="img/p4-people.gif" alt="">
            </div>
            <div class="p4-deng01">
                <img class="" src="img/p4-deng01.png" alt="">
                <div class="p4-deng02">
                    <img src="img/p4-deng02.png" alt="">
                </div>
            </div>
        </div>
        <div class="swiper-slide p5">
            <img src="img/bg_05.png" alt="">
            <div class="p5-text01 opacity1">
                <img src="img/p5-text01.png" alt="">
            </div>
            <div class="p5-car originCenter">
                <img src="img/p5-car01.png" alt="">
            </div>
            <div class="p5-deng01">
                <img src="img/p5-deng01.png" alt="">
            </div>
            <div class="p5-img01">
                <img src="img/p5-img01.png" alt="">
            </div>
        </div>
        <div class="swiper-slide p6">
            <img src="img/bg_06.png" alt="">
            <img class="bg06_1" src="img/bg_06_1.png" alt="">
            <div class="p6-car01">
                <img src="img/p6-car01.png" alt="">
            </div>
            <div class="p6-text01">
                <img src="img/p6-text01.png" alt="">
            </div>
            <div class="p6-chair01">
                <img src="img/chair1.png" alt="">
            </div>
        </div>
        <div class="swiper-slide p7">
            <img src="img/bg_07.png" alt="">
            <div class="p7-text01">
                <img src="img/p7-text01.png" alt="">
            </div>
            <div class="p7-people originCenter rotate90Deg">
                <img src="img/jiangyou01.gif" alt="">
            </div>
            <div class="p7-egg egg2">
                <img src="img/egg01.png" alt="">
            </div>
        </div>
        <div class="swiper-slide p8">
            <img src="img/bg_08.png" alt="">
            <div class="p8-text01">
                <img src="img/p8-text01.png" alt="">
            </div>
            <div class="p8-radio radio01">
                <img src="img/p8-radio.png" alt="">
            </div>

        </div>
        <div class="swiper-slide p9">
            <img src="img/bg_09.png" alt="">
            <div class="p8-music01">
                <img src="img/p8-music01.png" alt="">
            </div>
            <div class="p9-text01 opacity1">
                <img src="img/p9-text01.png" alt="">
            </div>
            <div class="p9-tv tv">
                <img src="img/p9-tv01.png" alt="">
            </div>
            <div class="p9-people originCenter rotate90Deg">
                <img src="img/p9-people.gif" alt="">
            </div>
            <div class="p9-apple originCenter">
                <img src="img/p9-apple01.png" alt="">
            </div>
        </div>
        <div class="swiper-slide p10">
            <img src="img/bg_10.png" alt="">
            <div class="timgW">
                <img src="img/bg_10_1.png" alt="">
                <div class="p10-time">
                    <div class="timeWrap">
                        <img src="img/1898.png" alt="">
                        <img src="img/1909.png" alt="">
                        <img src="img/1919.png" alt="">
                        <img src="img/1925.png" alt="">
                        <img src="img/1934.png" alt="">
                        <img src="img/1958.png" alt="">
                        <img src="img/1961.png" alt="">
                        <img src="img/1978.png" alt="">
                        <img src="img/1998.png" alt="">
                        <img src="img/2018.png" alt="">
                    </div>
                </div>
            </div>
            <div class="p10-text01">
                <img src="img/p10-text01.png" alt="">
            </div>
            <div class="p10-huasa originCenter rotate90Deg">
                <img src="img/p10-water.gif" alt="">
            </div>

        </div>
        <div class="swiper-slide p11">
            <img src="img/bg_11.png" alt="">
        </div>
        <div class="swiper-slide p12">
            <img src="img/bg_12.png" alt="">
            <div class="p12-text">
                <img src="img/imgInvite.png" alt="">
            </div>
            <div class="relook">
                <img src="img/relook.png" alt="">
            </div>
            <div class="share">
                <img src="img/share.png" alt="">
            </div>
        </div>
    </div>
</div>
<!--分享-->
<div class="share01" style="display: none;">
    <img class="shan01" src="img/sharePage.png" alt="">
</div>
<!--旋转屏幕-->
<div class="rotateWrap">
    <div>
        <div class="rWrap">
            <img src="img/rotate01.png" alt="">
            <div>为了更好的体验，请锁定竖屏观赏</div>
        </div>
    </div>
</div>
<script type="text/javascript" src="dist/js/swiper.min.js"></script>
<script type="text/javascript" src="js/scrollOption.js"></script>
<script type="text/javascript" src="js/index.js?v=1"></script>
<div class="delete2"></div>
</body>
</html>